<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale =1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>悦邻舍</title>
    <link rel="stylesheet" href="../assets/css/reset.css">
    <link rel="stylesheet" href="../assets/css/common.css">
    <link rel="stylesheet" href="../assets/font/iconfont.css">
    <link rel="stylesheet" href="../assets/css/component.css">
    <link rel="stylesheet" href="../assets/css/searchPage.css">
</head>
<body >

<div id="pageApp">
    <div class="ykl-layout" v-cloak>
       <!-- 顶部输入条 -->
      <div class="top-bar-wrapper">
        <div class="top-bar">
         <input class="keywords-input" type="text" placeholder="请输入关键词" v-model="searchKey" @input="tirggerSearch">
         <span class="iconfont icon-iconfont"></span>
         <span class="cancel-btn" @click="closeSearchPage">取消</span>
        </div>
      </div>
       <!-- 搜索结果 -->
       <p class="search-result-text">搜索结果</p>
       <div class="page-content">
         <ul class="info-content">
         	<li class="info-content-item" v-for="art in artileList" @click="toArticleDetail(art.id)">
         		<div class="content-msg" v-if="searchType == 1">
         			<img :src="art.img">
         			<div>
         				<h3 class="content-msg-title">{{art.title}}</h3>
         				<p class="content-msg-text">{{art.desc}}</p>
         			</div>
         		</div>
                 <div class="share-msg" v-if="searchType == 2" @click="toArticleDetail(art.id)">
                    <img :src="art.img">
                    <div>
                        <h3>
                            <span class="share-msg-title">{{art.title}} </span>
                            <span class="share-msg-author">{{art.author}}</span>
                        </h3>
                        <p class="share-msg-text">{{art.desc}}</p>
                    </div>
                </div>
         	</li>
         </ul>  
       </div>
    </div>
 </div>  
    <script src="../assets/js/jquery.min.js"></script>
    <script src="../assets/js/vue.min.js"></script>

    <script src="../assets/js/gkee.js"></script>
    <script src="../assets/js/gtr.js"></script>

    <script src="../assets/js/component.js"></script>
    <script src="../assets/js/searchPage.js"></script>

    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script src="../assets/js/collector.js"></script>
    <script src="../assets/js/wechat.js"></script>
    <script src="../assets/js/wechat-shared.js"></script>
    
    <script>
        wechat.ready(function () {
            initPage();
        });
    </script>
</body>
</html>

